var myEcharts1 = echarts.init(document.getElementById("myEcharts1"));
var myEcharts2 = echarts.init(document.getElementById("myEcharts2"));
var myEcharts3 = echarts.init(document.getElementById("myEcharts3"));
var myEcharts4 = echarts.init(document.getElementById("myEcharts4"));
var option1 = {
  title: {
    text: "任务来源",
    top: "0",
    left: "5%",
    textStyle: {
      color: "black",
      fontSize: 12,
      fontWeight: "bold",
    },
  },
  legend: {
    icon: "rect",
    right: "20%",
    top: "35%",
    orient: "vertical",
    itemWidth: 10,
    itemHeight: 10,
    data: ["经济系统", "招商系统", "重大系统", "督察系统"],
  },
  tooltip: {
    trigger: "item",
    axisPointer: {
      type: "shadow",
    },
  },
  series: [
    {
      type: "pie",
      center: ["30%", "50%"],
      radius: ["30%", "40%"],
      label: {
        show: false,
      },
      labelLine: {
        show: false,
      },
      data: [
        {
          name: "经济系统",
          value: 23,
        },
        {
          name: "招商系统",
          value: 17,
        },
        {
          name: "重大系统",
          value: 78,
        },
        {
          name: "督察系统",
          value: 56,
        },
      ],
    },
  ],
};
myEcharts1.setOption(option1);
myEcharts2.setOption(option1);
myEcharts3.setOption(option1);
myEcharts4.setOption(option1);
window.addEventListener("resize", function () {
  myEcharts1.resize();
  myEcharts2.resize();
  myEcharts3.resize();
  myEcharts4.resize();
});
